<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/firstint.css">
</head>

<body>
    <link rel="stylesheet" href="../font_3284096_xdkog32r6d/iconfont.css">
    <div id="header">
        <div class="header-center">
            <div class="logo">
                <a href="../html/firstint.html"><img src="../img/GIF/gif3.gif" alt="" style="height: 70px;width: 70px;padding-left: 30px;"></a>
            </div>
            <div class="list">
                <ul class="list-all">
                    <li>
                        <a href="goods.html">帽子</a> </li>
                    <li>
                        <a href="goods.html">外套</a> </li>
                    <li>
                        <a href="goods.html">裤子</a>
                    </li>
                    <li>
                        <a href="goods.html">背包</a>
                    </li>
                </ul>
            </div>
            <div class="search">
                <input type="text" text="搜索">
                <span class="iconfont icon-sousuo_o"></span>
            </div>
            <div class="user" style="line-height: 70px;">
                <a href="../html/create.html"> <span class="iconfont  icon-201yonghu_yonghu2" style="font-size: 30px;line-height: 70px;"></span></a>

                <div style="font-size: 20px;line-height: 70px;text-decoration: none;color: black" class="denglu"><a href="../html/login.html" style="color: black;text-decoration: none;">登录/</a></div>
                <div style="font-size: 20px;line-height: 70px;text-decoration: none;color: black" class="zhuce"> <a href="../html/create.html" style="color: black;text-decoration: none;">注册</a></div>
            </div>
            <div class="shoppingcar">
                <a href="../html/shoppingcar.html" style="text-decoration: none;color: black;"><span class="iconfont icon-gouwuche" style="font-size: 30px;line-height: 70px;"></span></a>
            </div>
            <div class="GPS-mao">

                <div class="GPS-mao-list">
                    <ul>
                        <a href="">
                            <li>
                                palace普通款
                            </li>
                        </a>
                        <a href="">
                            <li>
                                palace联名款
                            </li>
                        </a>

                        </li>
                    </ul>
                </div>
                <div class="GPS-mao-imgs">
                    <ul>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS4.webp" alt=""></a>
                        </li>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS5.webp" alt=""></a>
                        </li>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS6.webp" alt=""></a>
                        </li>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS8.webp" alt=""></a>
                        </li>
                    </ul>


                </div>
            </div>
            <div class="GPS-jacket">

                <div class="GPS-jacket-list">
                    <ul>
                        <li>
                            <a href="">普通款 </a>
                        </li>
                        <li>
                            <a href="">联名款</a>
                        </li>
                    </ul>
                </div>
                <div class="GPS-jacket-imgs">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS1.webp" alt="">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS2.webp" alt="">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS3.webp" alt="">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS4.webp" alt="">
                </div>
            </div>
            <div class="GPS-pants">
                <div class="GPS-pants-list">
                    <ul>
                        <li>
                            <a href="">普通款</a> </li>
                        <li>
                            <a href="">联名款</a> </li>
                        <li>
                </div>
                <div class="GPS-pants-imgs">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS1.webp" alt="">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS2.webp" alt="">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS3.webp" alt="">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS4.webp" alt="">
                </div>
            </div>
            <div class="GPS-bag">
                <div class="GPS-bag-list">
                    <ul>

                        <li>
                            <a href="">普通款</a> </li>
                        <li>
                            <a href="">联名款</a> </li>
                        <li>
                    </ul>
                </div>
                <div class="GPS-bag-imgs">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS1.webp" alt="">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS3.webp" alt="">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS4.webp" alt="">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS6.webp" alt="">

                </div>
            </div>
        </div>
    </div>

    <div class="video1">
        <video src="../video/palace.mp4" loop autoplay muted style="width: 100%;height: 100%;object-fit: fill; z-index: 1005;"></video>
    </div>
    <div class="gowhere">

        <div id="gowhere-neirong">
            <div class="shop"></div>
            <div class="gwc"></div>
            <div class="learn"></div>
            <a href="../html/goods.html">
                <div class="bgc1">
                </div>
            </a>
            <a href="../html/shoppingcar.html">
                <div class="bgc2">
                </div>
            </a>
            <a href="">
                <div class="bgc3"></div>
            </a>


        </div>
    </div>
    <div class="xian"></div>
    <div class="mendian">
        <div class="mendian-center">
            <div class="mendian-center-top">
                <div>
                    <div class="mendian-img"><img src="../img/mendian1.jpg" alt=""></div><br>
                    <div class="mendian-text"><a href="">York</a></div>

                </div>
                <div>
                    <div class="mendian-img"><img src="../img/mendian2.jpg" alt=""></div><br>
                    <div class="mendian-text"><a href="">England</a></div>
                </div>
            </div>

            <div class="mendian-center-top">
                <div>
                    <div class="mendian-img"><img src="../img/mendian3.jpg" alt=""></div><br>
                    <div class="mendian-text"><a href="">BeiJing</a></div>

                </div>
                <div>
                    <div class="mendian-img"><img src="../img/mendian4.jpg" alt=""></div><br>
                    <div class="mendian-text">
                        <a href="">Florida</a>
                    </div>
                </div>
            </div>
            <div class="mendian-center-top">
                <div>
                    <div class="mendian-img"><img src="../img/mendian5.jpg" alt=""></div><br>
                    <div class="mendian-text"><a href="">LA</a></div>

                </div>
                <div>
                    <div class="mendian-img"><img src="../img/mendian6.jpg" alt=""></div><br>
                    <div class="mendian-text">
                        <a href="">TOKYO</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="move-picture">
        <div class="move-banxin">
            <div class="move-picture-center">
                <div class="move-picture1">

                </div>
                <div id="move-picture-left">
                    < </div>
                        <div id="move-picture-right"> > </div>
                </div>

            </div>
        </div>

        <div class="foot">
            <div class="foot-center">
                <div class="foot-head">
                    <div class="place">
                        <span class="iconfont icon-zuobiao" style="font-size: 40px;color: red;"></span>
                        <span>查找店铺</span>

                    </div>
                    <div class="follow">
                        <span class="iconfont icon-aite" style="font-size: 40px;color: red;"></span>
                        <span>订阅资讯</span>
                    </div>
                </div>
                <div class="survice">
                    <div class="survice-one">
                        <h3>帮助中心</h3>
                        <ul>
                            <li><a href=""> 购买须知</a></li>
                            <li>
                                <a href="">配送及费用</a>
                            </li>
                            <li>
                                <a href="">支付方式</a>
                            </li>
                            <li>
                                <a href="">退货政策</a>
                            </li>
                        </ul>
                    </div>
                    <div class="survice-one">
                        <h3>我的订单</h3>
                        <ul>
                            <li>
                                <a href="">订单查询</a>
                            </li>
                            <li>
                                <a href="">关于发票</a>
                            </li>
                        </ul>
                    </div>
                    <div class="survice-one">
                        <h3>关于NB</h3>
                        <ul>
                            <li>
                                <a href="">品牌故事</a>
                            </li>
                            <li>
                                <a href="">隐私政策</a>
                            </li>
                            <li>
                                <a href="">使用条款</a>
                            </li>
                        </ul>
                    </div>
                    <div class="survice-one">
                        <h3>保持联系</h3>
                        <span class="iconfont icon-weixin" style="font-size: 50px;"></span>
                        <span class="iconfont icon-weibo" style="font-size: 50px;"></span>
                        <br><span style="font-size: 12px;">客服热线：<br>
                            800-820-2887(请使用固话拨打)<br>
                            400-890-2887(请使用手机拨打)<br>
                            电话服务时间：周一~周五 9AM~6PM（节假日除外）<br>
                            在线服务时间：<br>
                            周一 ~ 周日<br>
                            9AM ~ 10PM<br></span>
                    </div>
                </div>

            </div>
        </div>
        <div id="myBtn">↑</div>
</body>

</html>
<script src="../js/move-picture.js"></script>
<script src="../js/GPS.js"></script>
<script src="../js/gowhere.js"></script>
<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../js/cookie.js"></script>
<script>
    // 判断是否有cookie

    getBanner();
    // banner获取
    function getBanner() {
        $.get("./PHP/bannerGet.php", function(data) {
            console.log(JSON.parse(data));
            let arr = JSON.parse(data);
            let str = ``;
            arr.forEach((item, index) => {
                str += `<img src="${item.img}" alt="">
              `
            })
            $(".move-picture1").html(str)
        })
    }
    if (document.cookie) {
        $('.user').html(getCookie('login').split(',')[0])
    } else {
        $('.user').html("palace俱乐部");
        $('.user').on('click', function() {
            location.href = 'create.html';
        })

    }
</script>